@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}

@media (min-width: 1800px) {
  .container {
    width: 1770px;
  }
}

header.page-header nav {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.1);
}

a.navbar-brand {
  background: url('../image/logo.png') no-repeat left center;
  width: 65px;
  background-size: auto 27px;
  text-indent: 110%;
  white-space: nowrap;
}

.navbar-white a {
  color: #fff;
}

.navbar-white .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-white .navbar-brand {
  font-size: 2.5rem;
}

.navbar-white .nav > li > a:focus, .navbar-white .nav > li > a:hover {
  background-color: transparent;
  color: #D782D9;
}

.main {
  position: relative;
  min-height: calc(100% - 110px);
  background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%);
  /*background: linear-gradient(150deg, #1ab394 15%, #b3af6f 70%, #d782d9 94%);*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .circle span {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
}

.main .circle :first-child {
  bottom: auto;
  left: -4%;
  background: hsla(0, 0%, 100%, .1);
}

.main .circle :nth-child(2) {
  top: 10%;
  right: 4%;
  background: hsla(0, 0%, 100%, .1);
}

.main .circle :nth-child(3) {
  top: 280px;
  right: 5.66666%;
  background: hsla(0, 0%, 100%, .3);
}

.main .circle :nth-child(4) {
  top: 320px;
  right: 7%;
  background: hsla(0, 0%, 100%, .15);
}

.main .circle :nth-child(5) {
  top: 38%;
  right: auto;
  left: 1%;
  background: hsla(0, 0%, 100%, .05);
}

.main .circle :nth-child(6) {
  top: 44%;
  right: auto;
  left: 10%;
  width: 200px;
  height: 200px;
  background: hsla(0, 0%, 100%, .15);
}

.main .circle :nth-child(7) {
  right: 36%;
  bottom: 50%;
  background: hsla(0, 0%, 100%, .04);
}

.main .shape {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.main .shape svg {
  position: absolute;
  bottom: 0;
}

.fill-white {
  fill: #fff;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.has-white input.form-control:focus {
  border-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 12px rgba(255, 255, 255, .3);
}

.mt {
  margin-top: 1rem;
}

.m-h {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pr {
  padding-right: 1rem;
}

.main .label {
  line-height: 2.4;
}

.mt-header {
  margin-top: 51px;
}

.tag-list a {
  margin-right: .5rem;
  margin-bottom: .5rem;
  display: inline-block;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 100%;
}

.faq-item {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 2px;
  background: #fff;
}

.faq-question {
  font-size: 1.8rem;
  font-weight: 600;
  color: #1ab394;
  display: block;
  margin-bottom: .8rem;
  word-wrap: break-word;
}

.faq-item .label {
  margin-right: .5rem;
}

.small, small {
  font-size: 85%;
}

.font-bold {
  font-weight: 600;
}

.bg-muted {
  background-color: #f3f3f4;
}

.bg-white {
  background-color: #fff;
}

.border-left {
  border-left: 1px solid #d6d9dc;
}

.left-block {
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.inline-block {
  display: inline-block;
}

.left-block a {
  padding: 0 6px;
  color: #017E66;
  background-color: rgba(1, 126, 102, 0.08);
  height: 24px;
  line-height: 24px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  margin: 3px;
}

.border-bottom {
  border-bottom: 1px solid #d6d9dc;
}

.blod {
  font-weight: bold !important;
}

.left-block [href]:hover {
  background-color: #017E66;
  color: #fff;
  text-decoration: none;
}

.adv-box {
  list-style: none;
  position: relative;
}

.adv-box a {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.adv-box a img {
  width: 100%;
}

.adv-close {
  position: absolute;
  right: 0;
  color: #fff;
  cursor: pointer;
}

.p-h {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pre-line {
  white-space: pre-line;
  word-break: break-word;
}

.answer-list p, .answer-list a, .answer-list span, .answer-list em, .comment-body {
  white-space: unset;
  word-break: break-word;
  font-style: unset;
}

.answer-list i, .comment-body {
  font-style: normal;
}

.border-top {
  border-top: 1px solid #d6d9dc;
}

.border-circle {
  border: 2px solid #017E66;
  border-radius: 50%;
  display: inline-block;
  padding: .2rem;
  font-size: 2rem;
  width: 3.1rem;
  height: 3.1rem;
  text-align: center;
  color: #017e66;
  margin-right: .5rem;
}

.comment-list > li, .answer-comment li {
  list-style: none;
  margin: 1rem 0;
  padding: 1rem 0;
  border-bottom: 1px dotted gray;
}

.comment-list li:first-child {
  border-top: 1px dotted gray;
}

.mt-2 {
  margin-top: 2rem;
}

.answer-list {
  padding-left: 0;
}

.answer-list > li {
  position: relative;
  list-style: none;
  margin: 1rem 0;
  padding: 1rem 1rem 1rem 4rem;
  box-shadow: 0 5px 3px rgba(33, 33, 33, 0.3);
  border-radius: .5rem;
}

.answer-list > li .number {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 2rem;
}

.answer-list strong {
  font-weight: normal;
}

.author {
  color: #337ab7
}

.answer-comment li:last-child {
  border-bottom: none;
}

.comment-user, .comment-date {
  display: block;
  text-align: right;
}

.comment-score {
  display: none;
}

footer {
  padding-top: 1rem;
  border-top: 1px solid #d6d9dc;
  padding-bottom: 2rem;
}

.index-tag-list a {
  display: inline-block;
  margin: 0 .5rem .5rem;
  font-size: 2rem;
}

.index-tag-list a:hover, .index-tag-list a:focus {
  text-decoration: none;
}

.label-pupel {
  background-color: #981ca0;
}

.label-secend {
  background-color: #007bff;
}

.label-third {
  background-color: #987067;
}

.label-dark {
  background-color: #343a40;
}

.label-fourth {
  background-color: #9e2a50;
}

.z-top {
  z-index: 100;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #fff;
}

#no-ressult {
  width: 40%;
  height: 40%;
}

.navbar > .container .navbar-brand {
  margin-left: 0;
}

.mb {
  margin-bottom: 1rem;
}
